/*index.less*/
/************************************************************************
** 智能管控界面grid布局**************************************************************
***************************************************************************/
.manageControlContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-content: space-evenly;
  align-content: space-evenly;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas: "manage-control--monitor manage-control--monitor manage-control--monitor manage-control--monitor" "manage-control--monitor manage-control--monitor manage-control--monitor manage-control--monitor" "manage-control--predict manage-control--predict manage-control--predict manage-control--predict" "manage-control--predict manage-control--predict manage-control--predict manage-control--predict" "manage-control--alarm manage-control--alarm manage-control--alarm manage-control--alarm" "manage-control--alarm manage-control--alarm manage-control--alarm manage-control--alarm";
}
.manage-control--monitor {
  grid-area: manage-control--monitor;
}
.manage-control--predict {
  display: grid;
  grid-template-columns: 1fr 1.4fr 0.6fr;
  grid-template-rows: 0.4fr 1.6fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "manage-control--predict_logo . manage-control--predict_select" "manage-control--predict_chart manage-control--predict_chart manage-control--predict_chart" "manage-control--predict_chart manage-control--predict_chart manage-control--predict_chart";
  grid-area: manage-control--predict;
}
.manage-control--predict_logo {
  grid-area: manage-control--predict_logo;
}
.manage-control--predict_select {
  align-self: end;
  grid-area: manage-control--predict_select;
}
.manage-control--predict_chart {
  grid-area: manage-control--predict_chart;
}
.manage-control--alarm {
  display: grid;
  grid-template-columns: 1fr 0.9fr 1.1fr;
  grid-template-rows: 0.4fr 1.6fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "manage-control--alarm_logo . manage-control--alarm_filter" "manage-control--alarm_table manage-control--alarm_table manage-control--alarm_table" "manage-control--alarm_table manage-control--alarm_table manage-control--alarm_table";
  grid-area: manage-control--alarm;
}
.manage-control--alarm_logo {
  grid-area: manage-control--alarm_logo;
}
.manage-control--alarm_filter {
  align-self: end;
  grid-area: manage-control--alarm_filter;
}
/* .manage-control--alarm_table {
  grid-area: manage-control--alarm_table;
} */
.manage-control--alarm_table {
  justify-self: center;
  grid-area: manage-control--alarm_table;
}
/************************************************************************
  ** 智能管控界面grid布局**************************************************************
  ***************************************************************************/
.manageControlContainer {
  width: 100%;
  height: 100%;
}
.manage-control--predict {
  width: 100%;
  height: 100%;
}
.manage-control--alarm {
  width: 100%;
  height: 100%;
}
